<!DOCTYPE html>
<html lang="en">
	<head>
		<meta charset="UTF-8">
		<title>按键访问修饰符</title>
	</head>
	<body>
		<div id="app">
			<!-- 1.按键访问修饰符 回车触发
			keyup:   键位弹起 常用的
			keydown: 键位按下
			keypress: 数字键盘-->
			回车触发: <input type="text" @keyup.enter="enter"/> <br>
			空格按下触发: <input type="text" @keydown.space="enter"/><br>
			
			<!-- 2.常用按键
				.enter  .tab  .delete (捕获“删除”和“退格”键)
				.esc .space   .up .down .left .right-->
		</div>
		
		<script src="https://cdn.jsdelivr.net/npm/vue@2"></script>
		<script>
            const app = new Vue({
                el: '#app',
                data: {},
                methods: {
                    enter() {
                        alert("触发按钮")
                    }
                }
            })
		</script>
	</body>
</html>